.comment{
    margin-left: 20px;
    z-index: 100;
    .fixedBottom{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .commentOne{
        width:227px;
        padding: 7px 12px;
        min-height:38px;
        background:rgba(243,243,244,1);
        p{
            font-size:12px;
            font-family:PingFangSC-Medium,PingFang SC;
            font-weight:500;
            color:rgba(204,204,204,1);
            //margin-bottom: 16px;
            display: inline-block;
            //line-height:54px;
        }
        .active{
            color: #3283FD;
        }
    }
    .commentTwo{
        width:227px;
        background: white;
        height: 100%;
        position: fixed;
        box-shadow: 0px 0px 4px 0px rgba(116, 116, 116);
        right: 0;
        bottom: 0;
        transition: all .5s;
        .twoHead{
            height:45px;
            background:rgba(249,249,249,1);
            padding: 14px;
            span{
                font-size:14px;
                font-family:PingFangSC-Medium,PingFang SC;
                font-weight:500;
                color:rgba(50,54,58,1);
                //line-height:64px;
            }
            i{
                float: right;
            }
            :hover{
                cursor: pointer;
            }
        }
        .twoBody{
            max-height: calc(100% - 94px);
            overflow-y: auto;
            ul{

                padding:0px 14px 38px;
                li{
                    display: flex;
                    justify-content: space-around;
                    padding: 10px 0;
                    img{
                        width:25px;
                        margin-right: 6px;
                        height:25px;
                        border:1px solid rgba(213,217,221,1);
                        border-radius: 50%;
                        display: block;
                    }
                    .commentRight{
                        width: 165px;
                        .rightTop{
                            display: flex;
                            justify-content: space-between;
                            .name{
                                font-size:14px;
                                font-weight:400;
                                color:rgba(50,54,58,1);
                                line-height:20px;
                            }
                            .time{
                                font-size:12px;
                                font-weight:400;
                                color:rgba(169,179,194,1);
                                line-height:17px;
                            }
                            .delete{
                                font-size:12px;
                                font-weight:400;
                                color:rgba(255,53,53,1);
                                line-height:17px;
                            }
                        }
                        .rightInstall{
                            font-size:12px;
                            font-weight:400;
                            color:rgba(169,179,194,1);
                            line-height:20px;
                            p{
                                color: #A9B3C2;
                            }
                            span{
                                color: #3D4144;
                            }
                        }
                        .des{
                            font-size:12px;
                            font-weight:400;
                            color:rgba(50,54,58,1);
                            line-height:20px;
                        }
                        .TA{
                            font-size:12px;
                            font-weight:400;
                            color:rgba(109,122,148,1);
                            line-height:17px;
                        }
                    }
                }
            }
        }
    }

}
